<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/tongchenglvyou.css" />
		<script src="js/vue.min.js"></script>
		<script src="js/vue-router.min.js"></script>
		<script src="js/vue-resource.js"></script>
		<script src="js/jquery-3.1.1.min.js"></script>
		<script src="js/iscroll.js"></script>
	</head>

	<body>
		<div id="app">
			<div class="conten_view">
				<router-view></router-view>
			</div>
			<footer>
				<ul>
					<li>
						<router-link to="/aaa">
							<img src="img/1134.png">
							<p>首页</p>
						</router-link>
					</li>
					<li>
						<router-link to="/bbb">
							<img src="img/1135.png">
							<p>目的地</p>
						</router-link>
					</li>
					<li>
						<router-link to="/route">
							<img src="img/1136.png">
							<p>行程</p>
						</router-link>
					</li>
					<li>
						<router-link to="/service">
							<img src="img/1137.png">
							<p>客服</p>
						</router-link>
					</li>
					<li>
						<router-link to="/wd">
							<img src="img/1138.png">
							<p>我的</p>
						</router-link>
					</li>
				</ul>
			</footer>
		</div>

		<template id="aaa">
			<div>one</div>
		</template>
		<template id="bbb">
			<div>two</div>
		</template>

		<!--第三个-->
		<template id="route">
			<div>
				<ul class="route-second">
					<li>
						<router-link to="/route/one">行程助手</router-link>
					</li>
					<li>
						<router-link to="/route/two">日程管理</router-link>
					</li>
					<li>
						<router-link to="/route/three"></router-link>
					</li>
				</ul>
				<router-view></router-view>

			</div>
		</template>

		<!--第四个-->
		<template id="zjq-service">
			<div>
				<ul class="zjq-routerChild">
					<li>
						<router-link to="/service/order">订单服务</router-link>
					</li>
					<li>
						<router-link to="/service/refer">咨询服务</router-link>
					</li>
					<li><img src="img/mmexport1505172626460_03.png" /></li>
				</ul>

				<router-view class="zjq-rout"></router-view>
			</div>
		</template>

		<!--我的-->
		<template id="wd">
			<div class="wd_one">
				<!--头部-->
				<div class="header">
					<span></span>
					<span></span>
					<span>
					<img src="img/1120.png">
					<img src="img/1121.png">
					</span>
				</div>
				<div class="nav">
					<div><img src="img/1122.png"></div>
					<div>
						<span>尊敬的会员</span>
						<ul>
							<li><img src="img/1124.png">会员权益></li>
							<li style="text-align: center;">已实名></li>
						</ul>
					</div>
					<div><img src="img/1139.png"></div>
				</div>
				<!--导航-->
				<section class="wd-sec">
					<ul>
						<li>
							<img src="img/1125.png">
							<p>全部订单</p>
						</li>
						<li>
							<img src="img/1126.png">
							<p>待支付</p>
						</li>
						<li>
							<img src="img/1127.png">
							<p>待出行</p>
						</li>
						<li>
							<img src="img/1128.png">
							<p>待点评</p>
						</li>
					</ul>
				</section>
				<div class="p1">

				</div>
				<!--四个-->
				<article>
					<ul>
						<li>
							<img src="img/1129.png">
							<p>同同宝</p>
							<p>开通有奖</p>
						</li>
						<li>
							<img src="img/1130.png">
							<p>程程白条</p>
							<p>激活有奖</p>
						</li>
						<li>
							<img src="img/1131.png">
							<p>优惠</p>
							<p>10个</p>
						</li>
						<li>
							<img src="img/1132.png">
							<p>我的钱包</p>
						</li>
					</ul>
				</article>
				<div class="p1">

				</div>
				<!--内容-->
				<div class="gj">
					<div class="item">
						<div class="d1">
							<span>常用信息</span>
							<span></span>
							<span>旅客、地址、银行卡></span>
						</div>
						<div class="d2">
							<span>我的收藏</span>
							<span></span>
							<span>></span>
						</div>
						<div class="d3">
							<span>浏览历史</span>
							<span></span>
							<span>></span>
						</div>
						<div class="d4">
							<span>我的点评</span>
							<span></span>
							<span>我的图片、点评></span>
						</div>
						<div class="d5">
							<span>我的发票</span>
							<span></span>
							<span>发票申请与查询></span>
						</div>
						<div class="d6">
							<span>旅游顾问</span>
							<span></span>
							<span>></span>
						</div>
					</div>
				</div>
				<div class="p1"></div>
				<div class="d3_item">
					<span><img src="img/1133.png"></span>
					<span>幸运抽大奖</span>
					<span>好运换好货</span>
				</div>
				<div class="p1"></div>
			</div>
		</template>

		<!--第三个子路由-->
		<template id="one">
			<div>
				<div class="route-img">
					<img src="img/Screenshot_2017-09-12-09-17-22-82_02.gif" alt="">
					<p>智能的行程管理和推荐，要效率更要贴心</p>
					<div>
						<p>登录查看行程</p>
					</div>
				</div>
				<ul class="route-list">
					<li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
					<li>
						<h4>特价机票</h4></li>
					<li>
						<a href="">上海出发 ></a>
					</li>
				</ul>
				<ul class="rout-list1">
					<li><span>宁波</span>
						<span>￥130</span></li>
					<li><span>南京</span>
						<span>￥140</span></li>
					<li><span>青岛</span>
						<span>￥210</span></li>
					<li><span>合肥</span>
						<span>￥210</span></li>
					<li><span>武汉</span>
						<span>￥220</span></li>
					<li><span>海口</span>
						<span>￥235</span></li>
					<li><span>大连</span>
						<span>￥240</span></li>
					<li><span>揭阳</span>
						<span>￥240</span></li>
					<li><span>温州</span>
						<span>￥250</span></li>
				</ul>
			</div>
		</template>
		<template id="two">
			<div>
				<div class="two-search">
					<span class="icon icon-search"></span>
				</div>
				<div class="box-two">
					<ul>
						<li>2017</li>
						<li>月试图</li>
					</ul>
					<ul>
						<li>09月11日</li>
					</ul>
					<ul>
						<li>今天周一</li>
						<li>北京</li>
					</ul>
				</div>
				<div class="box-three">
					<img src="img/mmexport1505172623035_02.gif" alt="">
					<ul>
						<li>
							<p>你在前方风尘碌碌</p>
							<p>我在背后默默支持</p>
						</li>

					</ul>
				</div>
			</div>
		</template>



		<!--第四个子路由-->
		<template id="zjq-order">
			<div>
				<section class="zjq-serve">
					<div class="zjq-serleft">
						<img src="img/logo.png" />
						<div>
							<p class="zjq-big">北京西-太原南(D2003)</p>
							<p class="zjq-green">
								<span>抢票单</span>
								<span>12306订单</span>
							</p>
							<p class="zjq-hui">
								10-01 13:17 至 10-01 16:49
							</p>
						</div>
					</div>
					<div class="zjq-serright">
						<p class="zjq-big">正在抢票</p>
						<p class="zjq-hui">￥434</p>
					</div>
				</section>

				<section class="zjq-serve1">
					<div class="zjq-serleft">
						<img src="img/logo.png" />
						<div>
							<p class="zjq-big">太原-临汾(1485)</p>
							<p class="zjq-green">
								<span>抢票单</span>
							</p>
							<p class="zjq-hui">
								10-03 15:05 至 10-03 18:57
							</p>
						</div>
					</div>
					<div class="zjq-serright">
						<p class="zjq-big">正在抢票</p>
						<p class="zjq-hui">￥73</p>
					</div>
				</section>
				<p class="zjq-skip">怎么操作退票</p>
				<p class="zjq-skip">退票费收取规定</p>
				<p class="zjq-skip">怎么操作改签</p>
				<p class="zjq-skip">改签手续费是多少</p>
				<p class="zjq-skip">改签说明</p>
				<p class="zjq-skip">更多问题</p>
			</div>
		</template>
		<template id="zjq-refer">
			<div>
				<div class="zjq-inp">
					<input type="text" placeholder="请输入问题关键词" />
				</div>
				<div class="zjq-redate">
					<div>
						<img src="img/mmexport1505172626460_07.png" alt="" />
						<span>客服工作时间</span>
					</div>
					<div> > </div>
				</div>
				<section class="zjq-nav">
					<div>
						交通住宿
					</div>
					<ul>
						<li>
							<img src="img/1.png" alt="" /> 火车票
						</li>
						<li>
							<img src="img/2.png" alt="" /> 国内机票
						</li>
						<li>
							<img src="img/4.png" alt="" /> 酒&nbsp;店
						</li>
						<li>
							<img src="img/3.png" alt="" /> 国际机票
						</li>
						<li>
							<img src="img/5.png" alt="" /> 汽车票
						</li>
						<li>
							<img src="img/6.png" alt="" /> 国内用车
						</li>
					</ul>
				</section>

				<section class="zjq-nav">
					<div>
						度假旅游
					</div>
					<ul>
						<li>
							<img src="img/7.png" alt="" /> 景点门票
						</li>
						<li>
							<img src="img/8.png" alt="" /> 周边游
						</li>
						<li>
							<img src="img/9.png" alt="" /> 国内游
						</li>
						<li>
							<img src="img/10.png" alt="" /> 巴士跟团游
						</li>
						<li>
							<img src="img/11.png" alt="" /> 游&nbsp;轮
						</li>
						<li>
							<img src="img/12.png" alt="" /> 出&nbsp;境
						</li>
						<li>
							<img src="img/13.png" alt="" /> 海外玩乐
						</li>
					</ul>
				</section>

				<section class="zjq-nav">
					<div>
						同程服务
					</div>
					<ul>
						<li>
							<img src="img/14.png" alt="" /> 电影票
						</li>
						<li>
							<img src="img/15.png" alt="" /> 金融理财
						</li>
						<li>
							<img src="img/16.png" alt="" /> 程程白条
						</li>
						<li>
							<img src="img/17.png" alt="" /> 保险
						</li>
						<li>
							<img src="img/18.png" alt="" /> 百旅会
						</li>
					</ul>
				</section>

				<section class="zjq-nav">
					<div>
						自助工具
					</div>
					<ul>
						<li>
							<img src="img/19.png" alt="" /> 更换手机号
						</li>
						<li>
							<img src="img/20.png" alt="" /> 退款查询
						</li>
						<li>
							<img src="img/21.png" alt="" /> 我的发票
						</li>
						<li>
							<img src="img/22.png" alt="" /> 航班动态
						</li>
						<li>
							<img src="img/23.png" alt="" /> 在线值班
						</li>
						<li>
							<img src="img/24.png" alt="" /> 乘机宝典
						</li>
						<li>
							<img src="img/25.png" alt="" /> 旅游顾问
						</li>
					</ul>
				</section>
				<div class="zjq-bot">
					意见反馈
				</div>
				<div class="zjq-both"></div>
			</div>
		</template>

		<script src="js/index.js"></script>
	</body>

</html>